<template>
  <div class="maindiv">
    <el-row class="maindivx">
      <el-col>
        <el-card class="statistics_card">
          <ve-bar :data="chartData" height="800px"></ve-bar>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
.maindiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0e6251;
}
.maindivx{
    background-color: #0e6251;
}
.statistics_card {
  margin: 30px;
  height: 100%;
  border-radius: 15px;
}
.sts_title {
  margin-top: 20px;
}
.sts_info {
  margin-top: 20px;
  font-size: 20%;
  color: red;
}
.no_ready_card {
  margin: 30px;
}
</style>
<script>
export default {
  data() {
    return {
      chartData: {
        columns: ["号码", "出现次数"],
        rows: [
          { 号码: "4", 出现次数: 22896 },
          { 号码: "5", 出现次数: 26110 },
          { 号码: "13", 出现次数: 26398 },
          { 号码: "2", 出现次数: 26764 },
          { 号码: "21", 出现次数: 27950 },
          { 号码: "24", 出现次数: 28592 },
          { 号码: "10", 出现次数: 28968 },
          { 号码: "25", 出现次数: 29333 },
          { 号码: "29", 出现次数: 30908 },
          { 号码: "31", 出现次数: 31262 },
          { 号码: "18", 出现次数: 32278 },
          { 号码: "1", 出现次数: 32449 },
          { 号码: "26", 出现次数: 34206 },
          { 号码: "15", 出现次数: 34285 },
          { 号码: "28", 出现次数: 34345 },
          { 号码: "33", 出现次数: 34633 },
          { 号码: "9", 出现次数: 35148 },
          { 号码: "8", 出现次数: 35887 },
          { 号码: "17", 出现次数: 36106 },
          { 号码: "20", 出现次数: 36290 },
          { 号码: "27", 出现次数: 37177 },
          { 号码: "19", 出现次数: 38431 },
          { 号码: "16", 出现次数: 38468 },
          { 号码: "6", 出现次数: 39995 },
          { 号码: "3", 出现次数: 41650 },
          { 号码: "30", 出现次数: 41890 },
          { 号码: "32", 出现次数: 42870 },
          { 号码: "22", 出现次数: 44231 },
          { 号码: "12", 出现次数: 45463 },
          { 号码: "11", 出现次数: 46247 },
          { 号码: "14", 出现次数: 46500 },
          { 号码: "23", 出现次数: 49613 },
          { 号码: "7", 出现次数: 50801 },
         
        ],
      },
    };
  },
};
</script>